<!DOCTYPE html>
<html>
  <head>
    <title>Fixed header | Flatty - Flat Administration Template</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta content='text/html;charset=utf-8' http-equiv='content-type'>
    <meta content='Flat administration template for Twitter Bootstrap. Twitter Bootstrap 3 template with Ruby on Rails support.' name='description'>
    <link href='assets/images/meta_icons/favicon.ico' rel='shortcut icon' type='image/x-icon'>
    <link href='assets/images/meta_icons/apple-touch-icon.png' rel='apple-touch-icon-precomposed'>
    <link href='assets/images/meta_icons/apple-touch-icon-57x57.png' rel='apple-touch-icon-precomposed' sizes='57x57'>
    <link href='assets/images/meta_icons/apple-touch-icon-72x72.png' rel='apple-touch-icon-precomposed' sizes='72x72'>
    <link href='assets/images/meta_icons/apple-touch-icon-114x114.png' rel='apple-touch-icon-precomposed' sizes='114x114'>
    <link href='assets/images/meta_icons/apple-touch-icon-144x144.png' rel='apple-touch-icon-precomposed' sizes='144x144'>
    <!-- / START - page related stylesheets [optional] -->
    
    <!-- / END - page related stylesheets [optional] -->
    <!-- / bootstrap [required] -->
    <link href="assets/stylesheets/bootstrap/bootstrap.css" media="all" rel="stylesheet" type="text/css" />
    <!-- / theme file [required] -->
    <link href="assets/stylesheets/light-theme.css" media="all" id="color-settings-body-color" rel="stylesheet" type="text/css" />
    <!-- / coloring file [optional] (if you are going to use custom contrast color) -->
    <link href="assets/stylesheets/theme-colors.css" media="all" rel="stylesheet" type="text/css" />
    <!-- / demo file [not required!] -->
    <link href="assets/stylesheets/demo.css" media="all" rel="stylesheet" type="text/css" />
    <!--[if lt IE 9]>
      <script src="assets/javascripts/ie/html5shiv.js" type="text/javascript"></script>
      <script src="assets/javascripts/ie/respond.min.js" type="text/javascript"></script>
    <![endif]-->
  </head>
  <body class='contrast-red fixed-header'>
    <header>
      <nav class='navbar navbar-default navbar-fixed-top'>
        <a class='navbar-brand' href='index.html'>
          <img width="81" height="21" class="logo" alt="Flatty" src="assets/images/logo.svg" />
          <img width="21" height="21" class="logo-xs" alt="Flatty" src="assets/images/logo_xs.svg" />
        </a>
        <a class='toggle-nav btn pull-left' href='#'>
          <i class='icon-reorder'></i>
        </a>
        <ul class='nav'>
          <li class='dropdown light only-icon'>
            <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
              <i class='icon-cog'></i>
            </a>
            <ul class='dropdown-menu color-settings'>
              <li class='color-settings-body-color'>
                <div class='color-title'>Body color</div>
                <a data-change-to='assets/stylesheets/light-theme.css' href='#'>
                  Light
                  <small>(default)</small>
                </a>
                <a data-change-to='assets/stylesheets/dark-theme.css' href='#'>
                  Dark
                </a>
                <a data-change-to='assets/stylesheets/dark-blue-theme.css' href='#'>
                  Dark blue
                </a>
              </li>
              <li class='divider'></li>
              <li class='color-settings-contrast-color'>
                <div class='color-title'>Contrast color</div>
                            <a data-change-to="contrast-red" href="#"><i class='icon-cog text-red'></i>
                Red
                <small>(default)</small>
                </a>
    
                            <a data-change-to="contrast-blue" href="#"><i class='icon-cog text-blue'></i>
                Blue
                </a>
    
                            <a data-change-to="contrast-orange" href="#"><i class='icon-cog text-orange'></i>
                Orange
                </a>
    
                            <a data-change-to="contrast-purple" href="#"><i class='icon-cog text-purple'></i>
                Purple
                </a>
    
                            <a data-change-to="contrast-green" href="#"><i class='icon-cog text-green'></i>
                Green
                </a>
    
                            <a data-change-to="contrast-muted" href="#"><i class='icon-cog text-muted'></i>
                Muted
                </a>
    
                            <a data-change-to="contrast-fb" href="#"><i class='icon-cog text-fb'></i>
                Facebook
                </a>
    
                            <a data-change-to="contrast-dark" href="#"><i class='icon-cog text-dark'></i>
                Dark
                </a>
    
                            <a data-change-to="contrast-pink" href="#"><i class='icon-cog text-pink'></i>
                Pink
                </a>
    
                            <a data-change-to="contrast-grass-green" href="#"><i class='icon-cog text-grass-green'></i>
                Grass green
                </a>
    
                            <a data-change-to="contrast-sea-blue" href="#"><i class='icon-cog text-sea-blue'></i>
                Sea blue
                </a>
    
                            <a data-change-to="contrast-banana" href="#"><i class='icon-cog text-banana'></i>
                Banana
                </a>
    
                            <a data-change-to="contrast-dark-orange" href="#"><i class='icon-cog text-dark-orange'></i>
                Dark orange
                </a>
    
                            <a data-change-to="contrast-brown" href="#"><i class='icon-cog text-brown'></i>
                Brown
                </a>
    
              </li>
            </ul>
          </li>
          <li class='dropdown medium only-icon widget'>
            <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
              <i class='icon-rss'></i>
              <div class='label'>5</div>
            </a>
            <ul class='dropdown-menu'>
              <li>
                <a href='#'>
                  <div class='widget-body'>
                    <div class='pull-left icon'>
                      <i class='icon-user text-success'></i>
                    </div>
                    <div class='pull-left text'>
                      John Doe signed up
                      <small class='text-muted'>just now</small>
                    </div>
                  </div>
                </a>
              </li>
              <li class='divider'></li>
              <li>
                <a href='#'>
                  <div class='widget-body'>
                    <div class='pull-left icon'>
                      <i class='icon-inbox text-error'></i>
                    </div>
                    <div class='pull-left text'>
                      New Order #002
                      <small class='text-muted'>3 minutes ago</small>
                    </div>
                  </div>
                </a>
              </li>
              <li class='divider'></li>
              <li>
                <a href='#'>
                  <div class='widget-body'>
                    <div class='pull-left icon'>
                      <i class='icon-comment text-warning'></i>
                    </div>
                    <div class='pull-left text'>
                      America Leannon commented Flatty with veeery long text.
                      <small class='text-muted'>1 hour ago</small>
                    </div>
                  </div>
                </a>
              </li>
              <li class='divider'></li>
              <li>
                <a href='#'>
                  <div class='widget-body'>
                    <div class='pull-left icon'>
                      <i class='icon-user text-success'></i>
                    </div>
                    <div class='pull-left text'>
                      Jane Doe signed up
                      <small class='text-muted'>last week</small>
                    </div>
                  </div>
                </a>
              </li>
              <li class='divider'></li>
              <li>
                <a href='#'>
                  <div class='widget-body'>
                    <div class='pull-left icon'>
                      <i class='icon-inbox text-error'></i>
                    </div>
                    <div class='pull-left text'>
                      New Order #001
                      <small class='text-muted'>1 year ago</small>
                    </div>
                  </div>
                </a>
              </li>
              <li class='widget-footer'>
                <a href='#'>All notifications</a>
              </li>
            </ul>
          </li>
          <li class='dropdown dark user-menu'>
            <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
              <img width="23" height="23" alt="Mila Kunis" src="assets/images/avatar.jpg" />
              <span class='user-name'>Mila Kunis</span>
              <b class='caret'></b>
            </a>
            <ul class='dropdown-menu'>
              <li>
                <a href='user_profile.html'>
                  <i class='icon-user'></i>
                  Profile
                </a>
              </li>
              <li>
                <a href='user_profile.html'>
                  <i class='icon-cog'></i>
                  Settings
                </a>
              </li>
              <li class='divider'></li>
              <li>
                <a href='sign_in.html'>
                  <i class='icon-signout'></i>
                  Sign out
                </a>
              </li>
            </ul>
          </li>
        </ul>
        <form action='search_results.html' class='navbar-form navbar-right hidden-xs' method='get'>
          <button class='btn btn-link icon-search' name='button' type='submit'></button>
          <div class='form-group'>
            <input value="" class="form-control" placeholder="Search..." autocomplete="off" id="q_header" name="q" type="text" />
          </div>
        </form>
      </nav>
    </header>
    <div id='wrapper'>
      <div id='main-nav-bg'></div>
      <nav id='main-nav'>
        <div class='navigation'>
          <div class='search'>
            <form action='search_results.html' method='get'>
              <div class='search-wrapper'>
                <input value="" class="search-query form-control" placeholder="Search..." autocomplete="off" name="q" type="text" />
                <button class='btn btn-link icon-search' name='button' type='submit'></button>
              </div>
            </form>
          </div>
          <ul class='nav nav-stacked'>
            <li class=''>
              <a href='index.html'>
                <i class='icon-dashboard'></i>
                <span>Dashboard</span>
              </a>
            </li>
            <li class=''>
                      <a class="dropdown-collapse" href="#"><i class='icon-edit'></i>
              <span>Forms</span>
              <i class='icon-angle-down angle-down'></i>
              </a>
      
              <ul class='nav nav-stacked'>
                <li class=''>
                  <a href='form_styles.html'>
                    <i class='icon-caret-right'></i>
                    <span>Form styles and features</span>
                  </a>
                </li>
                <li class=''>
                  <a href='form_components.html'>
                    <i class='icon-caret-right'></i>
                    <span>Form components</span>
                  </a>
                </li>
                <li class=''>
                  <a href='validations.html'>
                    <i class='icon-caret-right'></i>
                    <span>Validations</span>
                  </a>
                </li>
                <li class=''>
                  <a href='wizard.html'>
                    <i class='icon-caret-right'></i>
                    <span>Wizard</span>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <a class='dropdown-collapse ' href='#'>
                <i class='icon-tint'></i>
                <span>UI Elements & Widgets</span>
                <i class='icon-angle-down angle-down'></i>
              </a>
              <ul class='nav nav-stacked'>
                <li class=''>
                  <a href='ui_elements.html'>
                    <i class='icon-caret-right'></i>
                    <span>UI Elements</span>
                  </a>
                </li>
                <li class=''>
                  <a href='widgets.html'>
                    <i class='icon-caret-right'></i>
                    <span>Widgets</span>
                  </a>
                </li>
              </ul>
            </li>
            <li class=''>
              <a href='buttons_and_icons.html'>
                <i class='icon-star'></i>
                <span>Buttons & Icons</span>
              </a>
            </li>
            <li>
              <a class='dropdown-collapse ' href='#'>
                <i class='icon-cogs'></i>
                <span>Components</span>
                <i class='icon-angle-down angle-down'></i>
              </a>
              <ul class='nav nav-stacked'>
                <li class=''>
                  <a href='charts.html'>
                    <i class='icon-bar-chart'></i>
                    <span>Charts</span>
                  </a>
                </li>
                <li class=''>
                  <a href='address_book.html'>
                    <i class='icon-envelope'></i>
                    <span>Address book</span>
                  </a>
                </li>
                <li class=''>
                  <a href='chats.html'>
                    <i class='icon-comments'></i>
                    <span>Chats</span>
                  </a>
                </li>
                <li class=''>
                  <a href='filetrees.html'>
                    <i class='icon-list-ul'></i>
                    <span>File trees</span>
                  </a>
                </li>
                <li class=''>
                  <a href='fileupload.html'>
                    <i class='icon-file'></i>
                    <span>Fileupload</span>
                  </a>
                </li>
                <li class=''>
                  <a href='todo.html'>
                    <i class='icon-list-alt'></i>
                    <span>Todo list</span>
                  </a>
                </li>
                <li class=''>
                  <a href='wysiwyg.html'>
                    <i class='icon-paste'></i>
                    <span>WYSIWYG</span>
                  </a>
                </li>
              </ul>
            </li>
            <li class=''>
              <a href='tables.html'>
                <i class='icon-table'></i>
                <span>Tables</span>
              </a>
            </li>
            <li class=''>
              <a href='grid.html'>
                <i class='icon-th'></i>
                <span>Grid</span>
              </a>
            </li>
            <li class=''>
              <a href='type.html'>
                <i class='icon-font'></i>
                <span>Typography</span>
              </a>
            </li>
            <li class=''>
              <a href='calendar.html'>
                <i class='icon-calendar'></i>
                <span>Calendar</span>
              </a>
            </li>
            <li>
              <a class='dropdown-collapse ' href='#'>
                <i class='icon-book'></i>
                <span>Example pages</span>
                <i class='icon-angle-down angle-down'></i>
              </a>
              <ul class='nav nav-stacked'>
                <li class=''>
                  <a href='invoice.html'>
                    <i class='icon-money'></i>
                    <span>Invoice</span>
                  </a>
                </li>
                <li class=''>
                  <a href='gallery.html'>
                    <i class='icon-picture'></i>
                    <span>Gallery</span>
                  </a>
                </li>
                <li class=''>
                  <a href='timeline.html'>
                    <i class='icon-time'></i>
                    <span>Timeline</span>
                  </a>
                </li>
                <li class=''>
                  <a href='pricing_tables.html'>
                    <i class='icon-table'></i>
                    <span>Pricing tables</span>
                  </a>
                </li>
                <li class=''>
                  <a href='user_profile.html'>
                    <i class='icon-user'></i>
                    <span>User profile</span>
                  </a>
                </li>
                <li class=''>
                  <a href='err404.html' target='_blank'>
                    <i class='icon-question-sign'></i>
                    <span>404 Error</span>
                  </a>
                </li>
                <li class=''>
                  <a href='err500.html' target='_blank'>
                    <i class='icon-cogs'></i>
                    <span>500 Error</span>
                  </a>
                </li>
                <li class=''>
                  <a href='sign_in.html' target='_blank'>
                    <i class='icon-signin'></i>
                    <span>Sign in</span>
                  </a>
                </li>
                <li class=''>
                  <a href='faq.html'>
                    <i class='icon-bullhorn'></i>
                    <span>FAQ</span>
                  </a>
                </li>
                <li class=''>
                  <a href='orders.html'>
                    <i class='icon-inbox'></i>
                    <span>Orders</span>
                  </a>
                </li>
                <li class=''>
                  <a href='search_results.html'>
                    <i class='icon-search'></i>
                    <span>Search results</span>
                  </a>
                </li>
                <li class=''>
                  <a href='blank.html'>
                    <i class='icon-circle-blank'></i>
                    <span>Blank page</span>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <a class='dropdown-collapse in' href='#'>
                <i class='icon-cog'></i>
                <span>Layouts</span>
                <i class='icon-angle-down angle-down'></i>
              </a>
              <ul class='in nav nav-stacked'>
                <li class=''>
                  <a href='closed_navigation.html'>
                    <i class='icon-caret-right'></i>
                    <span>Closed navigation</span>
                  </a>
                </li>
                <li class='active'>
                  <a href='fixed_header.html'>
                    <i class='icon-caret-right'></i>
                    <span>Fixed header</span>
                  </a>
                </li>
                <li class=''>
                  <a href='fixed_navigation.html'>
                    <i class='icon-caret-right'></i>
                    <span>Fixed navigation</span>
                  </a>
                </li>
                <li class=''>
                  <a href='fixed_navigation_and_header.html'>
                    <i class='icon-caret-right'></i>
                    <span>Fixed navigation & header</span>
                  </a>
                </li>
              </ul>
            </li>
            <li class=''>
              <a href='email_templates.html'>
                <i class='icon-mail-reply'></i>
                <span>Email templates</span>
              </a>
            </li>
            <li>
              <a class='dropdown-collapse' href='#'>
                <i class='icon-folder-open-alt'></i>
                <span>Four level dropdown</span>
                <i class='icon-angle-down angle-down'></i>
              </a>
              <ul class='nav nav-stacked'>
                <li>
                  <a class='dropdown-collapse' href='#'>
                    <i class='icon-caret-right'></i>
                    <span>Second level</span>
                    <i class='icon-angle-down angle-down'></i>
                  </a>
                  <ul class='nav nav-stacked'>
                    <li>
                      <a class='dropdown-collapse' href='#'>
                        <i class='icon-caret-right'></i>
                        <span>Third level</span>
                        <i class='icon-angle-down angle-down'></i>
                      </a>
                      <ul class='nav nav-stacked'>
                        <li>
                          <a href='#'>
                            <i class='icon-caret-right'></i>
                            <span>Fourth level</span>
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            <i class='icon-caret-right'></i>
                            <span>Another fourth level</span>
                          </a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </nav>
      <section id='content'>
        <div class='container'>
          <div class='row' id='content-wrapper'>
            <div class='col-xs-12'>
              <div class='row'>
                <div class='col-sm-12'>
                  <div class='page-header'>
                    <h1 class='pull-left'>
                      <i class='icon-cog'></i>
                      <span>Fixed header</span>
                    </h1>
                    <div class='pull-right'>
                      <ul class='breadcrumb'>
                        <li>
                          <a href='index.html'>
                            <i class='icon-bar-chart'></i>
                          </a>
                        </li>
                        <li class='separator'>
                          <i class='icon-angle-right'></i>
                        </li>
                        <li>Layouts</li>
                        <li class='separator'>
                          <i class='icon-angle-right'></i>
                        </li>
                        <li class='active'>Fixed header</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              Vel ut sequi repudiandae officia dolorem et eaque doloribus. molestiae rem debitis dolor enim qui delectus ut id debitis adipisci voluptatibus magnam sit. ratione totam eos quae repudiandae reiciendis incidunt cupiditate id consequatur eveniet iure quas. ut ullam sed omnis delectus similique accusamus ut dolorum. explicabo alias doloribus deleniti accusantium maxime officia impedit quisquam dolor. perspiciatis dolor quod autem
              <br>
              <br>
              Blanditiis ut eos dolorem illum tempore sed ut ad voluptatem quo. corrupti et et quas fugiat laboriosam reiciendis ut et neque expedita est nam quaerat. rem aliquid voluptatem voluptatem ab est. recusandae iusto nobis velit quia eligendi corrupti distinctio iusto officiis. laborum tempora aperiam assumenda optio at qui assumenda. ullam doloribus veritatis hic
              <br>
              <br>
              Est sunt blanditiis maiores ullam quia et quo dolorum qui voluptas enim. suscipit molestiae ex rem pariatur sint at pariatur earum. voluptas blanditiis nostrum iusto. exercitationem aspernatur inventore velit
              <br>
              <br>
              Commodi earum doloribus id aspernatur voluptas dolorem. vero fugiat eos eius aperiam aspernatur ex aperiam delectus quasi vitae esse dolor quae delectus. perspiciatis recusandae laudantium error ea fuga voluptatibus vitae qui labore
              <br>
              <br>
              Laboriosam quisquam perspiciatis ullam unde vel saepe. magni et quae modi vel non aliquid molestias sint delectus consequuntur sed. voluptatibus libero similique sit quae eligendi aliquid et non sunt labore. aliquid repellat quod possimus. qui dolorem laborum velit minima voluptatum et nihil atque aut ex consequatur
              <br>
              <br>
              Est eum alias ipsam reiciendis qui. repudiandae exercitationem illum commodi in quo qui omnis. quia saepe natus veritatis ut sequi molestiae ea modi iure dolor
              <br>
              <br>
              Impedit magnam error voluptatem delectus deserunt suscipit mollitia pariatur aut qui in ipsam. veritatis assumenda esse delectus ut et non amet consequatur dolore delectus dolorem laboriosam officiis. provident aut ut et voluptas autem voluptatibus nam provident aspernatur voluptatum voluptatibus molestiae
              <br>
              <br>
              Et maxime sit repellendus. cum molestiae reprehenderit sunt et rerum facere. aut quis itaque pariatur sapiente et doloribus qui rerum voluptatibus quibusdam porro eligendi. ut quos voluptatem nisi voluptatem ut iste fugiat eveniet deserunt voluptatem reprehenderit dolore illum inventore. rerum nesciunt tenetur commodi in quidem eaque numquam iure eveniet. rerum esse exercitationem vel vitae
              <br>
              <br>
              Dolor voluptatum suscipit officiis laborum. molestiae et consequatur et nam et odio blanditiis quidem rerum ut aperiam est. facilis incidunt placeat cupiditate rem asperiores. dolores repellat asperiores est et corrupti non quis qui
              <br>
              <br>
              Laboriosam quia aut quia culpa quia quia earum enim eum dicta velit. qui doloribus nam maxime commodi asperiores alias odit ut. enim veniam adipisci sint expedita. quos nam natus beatae cum et consequatur ab neque eligendi dolorum reprehenderit sunt iure. quam velit eum autem rerum
              <br>
              <br>
              Ex fugiat error saepe dolores dolor sequi minus fuga delectus rerum veritatis. velit vel alias debitis accusantium. quia ut rerum veniam voluptates rerum perferendis. placeat suscipit voluptatum ab et cupiditate. fuga vel adipisci est incidunt culpa culpa
              <br>
              <br>
              Sunt ad eius id ab in repellendus nostrum voluptates qui non ut. velit qui debitis laudantium vero. dolorem incidunt sed rerum repudiandae tenetur voluptas suscipit dolore omnis ratione numquam eos perferendis perferendis. ea possimus nulla voluptate consequuntur natus illo ipsum. hic eum harum cum non et voluptatem est ut
              <br>
              <br>
              Nisi porro cupiditate dolorem nemo architecto doloribus itaque omnis. porro omnis nihil et sapiente dolorum hic possimus nobis et. nisi non quidem enim. est ut qui sed aliquam consequatur aut sit hic aut voluptas ea est hic. voluptatibus dignissimos culpa eum. voluptatem deleniti est et delectus quae inventore et eveniet vel maiores quo ipsum. vel architecto enim perspiciatis dicta et
              <br>
              <br>
              Doloribus laudantium vitae in molestiae exercitationem molestiae modi quos dolore quibusdam aut. qui occaecati enim sunt ut. eligendi minus omnis quod placeat culpa minus sint quaerat optio
              <br>
              <br>
              Quidem rem ut cumque unde aut id. et odio sed et. quia doloremque consequatur vel reiciendis ducimus alias minus. saepe omnis expedita sunt. vel corrupti et incidunt eum quasi eveniet. amet aut at et similique et voluptatem voluptas praesentium
              <br>
              <br>
              Tempore occaecati quia iusto temporibus non qui numquam deleniti ut culpa ut. fuga dicta porro sed dolore tempora aliquid voluptas vero eum. aperiam perspiciatis sint sed possimus natus illo architecto deleniti sit cumque nihil aut tempore. enim ut harum rem qui et similique harum earum reiciendis modi error odio aut. porro odio sequi doloremque occaecati voluptatem aut aut et cum quisquam id odit quia. magni id qui sint est eaque sit vitae praesentium
              <br>
              <br>
              Ut occaecati molestiae a veniam. accusantium fuga praesentium facere autem at sit ullam est minus. commodi ut earum praesentium ipsam quis consequatur possimus a accusamus totam similique dicta amet unde. et repellendus eius similique impedit dolores rerum adipisci esse maiores est ducimus reprehenderit explicabo ea. voluptas quam autem doloribus vel dolore ea facilis fuga doloremque accusamus. officiis cupiditate facilis a. sunt accusamus totam velit nulla temporibus numquam suscipit dicta qui
              <br>
              <br>
              Enim aut perferendis quisquam vitae ad ea alias dolorem. corporis provident molestias saepe sint ea laudantium voluptates perspiciatis quia fugit. occaecati occaecati itaque dignissimos eius similique corrupti sint ea veritatis alias. amet ducimus ut recusandae inventore autem ex praesentium rem et ut quo ducimus iste et. at qui explicabo ipsam eligendi libero reprehenderit qui inventore quis odio. quod eum nulla optio dicta sit quibusdam aliquam omnis quibusdam aperiam in omnis quia ipsa
              <br>
              <br>
              Perferendis quis quis esse aut reiciendis enim. est neque aspernatur cum repellat quidem voluptatem aut. corporis voluptatem nihil maxime sed incidunt dicta velit harum itaque repudiandae. eum nemo placeat est rerum odio quibusdam qui earum molestias ut quibusdam harum aut velit
              <br>
              <br>
              Repellendus commodi nam voluptates consequatur nihil suscipit et iure. cum eaque beatae dolor at. ipsam qui sed ullam ipsum alias voluptatibus vel fugiat esse deleniti. ad officia fugit ullam modi nisi maxime aliquam reiciendis. enim sapiente fugit quos libero iste rerum rem molestias omnis placeat et non. consequatur veritatis nesciunt natus enim enim quia qui ad. mollitia ex pariatur incidunt est rerum nam dolorem modi aut officiis quas delectus accusantium laborum
              <br>
              <br>
              Ut temporibus et et molestias quo totam et aut quia optio. ratione ipsam explicabo dignissimos dolorem ut quae illo sit totam quidem voluptas. saepe similique aspernatur et magnam eos odio quia sapiente adipisci optio ex at odit quidem
              <br>
              <br>
              Dolorem ullam facere eaque molestiae optio. id repudiandae totam quo et soluta quod architecto excepturi ea molestiae ipsum et ut. doloremque a unde dolor iusto delectus natus et nostrum omnis ratione omnis. itaque consequatur rerum tempora autem ut qui sunt odio rerum quae voluptas error
              <br>
              <br>
              Quos corrupti incidunt a fugiat vel quo officiis rem at aut voluptatem nostrum sunt impedit. quo et non cumque. ut in vel velit libero. delectus aut vel dolores et eum saepe veritatis quidem. et aspernatur facilis culpa iusto consequatur quisquam sit quos hic doloribus. vel suscipit rerum inventore perferendis esse in minus quos autem. vitae quisquam sed maiores
              <br>
              <br>
              Doloremque non laboriosam qui adipisci dolore delectus veritatis ipsam facilis praesentium ut. rem ut dolores explicabo quibusdam dolores cum pariatur ab itaque. voluptas modi ut iste perferendis pariatur debitis atque. voluptatibus rerum nisi vero earum consequatur dolorum quia autem tenetur aut ut fugit. fugit aperiam similique cupiditate mollitia adipisci autem incidunt modi quod dolor minus veniam est quis. dolor officia magni debitis dolore assumenda esse quia sed earum sit
              <br>
              <br>
              Et adipisci ratione minus accusantium minus ab sint qui iure aut ut sit dolore error. deserunt excepturi et vitae qui dolorum saepe consequatur vero. ipsam magni impedit sit natus
              <br>
              <br>
              Sunt beatae sint voluptatem tenetur iusto doloremque voluptatem quia optio tenetur. sed eaque rem labore eius explicabo debitis eius et sed quibusdam ex enim. amet ipsum ex aut deserunt deleniti dignissimos sapiente autem voluptas. tempore et autem et nesciunt. tempora quia rem aut aut odio ut enim. dolorem possimus inventore aut similique est minus quam
              <br>
              <br>
              Voluptatem veritatis est et sed consequatur omnis dolores assumenda quasi similique animi animi. ullam laborum dolores quis sint. praesentium fugiat harum doloribus doloremque ipsa dolorem accusamus. sed et ea quia aspernatur ut beatae vitae maiores earum quisquam est voluptatibus
              <br>
              <br>
              Ad amet sunt vero ducimus ea. voluptatem magni et qui corrupti possimus pariatur odio nostrum velit voluptas sed aperiam. qui iusto commodi sit consectetur et adipisci et voluptatem ea neque. doloremque sit non similique cumque veniam dolore consequatur voluptas doloribus beatae facere facilis omnis fugit. ipsam sed excepturi iste sunt dolor
              <br>
              <br>
              Repellat ea et qui sed et quo numquam. quod facilis excepturi iste deleniti et fugiat similique cum omnis autem qui repellat. tempore eligendi nihil architecto ut quas nihil numquam debitis sunt nam temporibus voluptatem quam. voluptate odio sunt ad
              <br>
              <br>
              Cum assumenda odit omnis earum ex. autem qui eos perferendis. aut voluptas porro ut voluptatem voluptas sed culpa rem qui modi. magnam inventore alias ipsam dolores laudantium sunt aspernatur quisquam
              <br>
              <br>
              Qui eum ut dolores id veniam adipisci et saepe placeat eum tenetur magni iste incidunt. autem aliquid architecto laborum architecto accusamus dolorem reprehenderit vero ducimus. recusandae cupiditate autem earum a et. deserunt quos quia voluptatibus molestiae. voluptate laboriosam culpa adipisci porro quia. itaque tempora molestiae ducimus est aut et qui sint temporibus aspernatur officiis debitis enim praesentium. dolore aperiam omnis quasi quod dicta ab cumque quae tenetur nostrum vero
              <br>
              <br>
              Quis aut eos officiis. molestias atque tempora minus ea non excepturi alias et. recusandae at impedit totam qui sed. et amet ut perspiciatis repellendus tenetur architecto et. suscipit porro quis adipisci hic delectus doloribus ut saepe quasi nesciunt omnis
              <br>
              <br>
              Et quae minima est. voluptas magni nihil qui odit voluptatem suscipit minus ipsa reiciendis laborum eos. nulla sed in beatae libero debitis consequatur quia iste quibusdam ex voluptatem exercitationem
              <br>
              <br>
              Nobis quia minus porro quia temporibus. quia adipisci quia repellat ut. quis ea perferendis non et rem. doloremque consequuntur accusantium occaecati possimus velit iure quas qui recusandae ex natus architecto repudiandae facilis. est numquam a et quo. magni saepe vel voluptas fugit unde architecto et ab voluptatem assumenda temporibus modi consequuntur tempore. et consequatur aliquam illum ullam pariatur dolores possimus odio et
              <br>
              <br>
              Aspernatur voluptatibus quis sunt excepturi cumque aut inventore commodi omnis aut. cum maxime commodi sed. accusantium voluptatem deleniti provident aut maiores qui beatae aut officiis alias ducimus consequatur harum. porro amet nihil repellendus ad sit. asperiores commodi voluptatem voluptatem ad et rerum. quisquam eveniet magni similique atque odio in quia aut iste reiciendis. quia possimus amet voluptatum qui minus
              <br>
              <br>
              Sunt quis iusto voluptates quis quos aut culpa. dolore sint eos impedit. consequatur distinctio quidem voluptatem alias corrupti nulla laudantium voluptas harum ex consequatur. officia qui similique accusantium eos fuga culpa doloremque voluptatem ipsam laborum qui
              <br>
              <br>
              Eaque eaque in iure deserunt et debitis. ea suscipit sapiente nam doloribus asperiores ullam enim suscipit asperiores alias rerum. dignissimos consequatur quod in expedita similique cum officia dolores hic. totam repellendus quia eligendi placeat eum vero minima. aut sint vitae tempore sed a quia assumenda dolor deleniti
              <br>
              <br>
              Debitis fugiat minus et quasi libero voluptas perferendis. ea quia amet vel assumenda enim quos voluptatem rerum iusto culpa magnam est cumque consectetur. hic ut et expedita facilis est saepe non voluptas. sit adipisci dolorem hic dicta mollitia placeat odit repudiandae
              <br>
              <br>
              Hic nostrum placeat optio ipsum quo qui distinctio voluptatem. aut blanditiis nihil in ea illo quae tempore non modi mollitia facere quia qui. hic ad maiores hic corrupti. recusandae totam incidunt enim quos ut adipisci ea ut porro
              <br>
              <br>
              Impedit a dolor veritatis atque rerum eos dignissimos quidem adipisci. animi numquam esse id mollitia ut eius aut. ut voluptatem et sed dolores. fugiat ad soluta doloribus amet et laudantium labore sit ducimus pariatur doloremque consectetur. voluptas quibusdam sed et eius. earum odit nihil ducimus ratione veritatis quae ut. velit nemo sapiente aut
              <br>
              <br>
            </div>
          </div>
          <footer id='footer'>
            <div class='footer-wrapper'>
              <div class='row'>
                <div class='col-sm-6 text'>
                  Copyright © 2013 Your Project Name
                </div>
                <div class='col-sm-6 buttons'>
                  <a class="btn btn-link" href="http://www.bublinastudio.com/flatty">Preview</a>
                  <a class="btn btn-link" href="https://wrapbootstrap.com/theme/flatty-flat-administration-template-WB0P6NR1N">Purchase</a>
                </div>
              </div>
            </div>
          </footer>
        </div>
      </section>
    </div>
    <!-- / jquery [required] -->
    <script src="assets/javascripts/jquery/jquery.min.js" type="text/javascript"></script>
    <!-- / jquery mobile (for touch events) -->
    <script src="assets/javascripts/jquery/jquery.mobile.custom.min.js" type="text/javascript"></script>
    <!-- / jquery migrate (for compatibility with new jquery) [required] -->
    <script src="assets/javascripts/jquery/jquery-migrate.min.js" type="text/javascript"></script>
    <!-- / jquery ui -->
    <script src="assets/javascripts/jquery/jquery-ui.min.js" type="text/javascript"></script>
    <!-- / jQuery UI Touch Punch -->
    <script src="assets/javascripts/plugins/jquery_ui_touch_punch/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
    <!-- / bootstrap [required] -->
    <script src="assets/javascripts/bootstrap/bootstrap.js" type="text/javascript"></script>
    <!-- / modernizr -->
    <script src="assets/javascripts/plugins/modernizr/modernizr.min.js" type="text/javascript"></script>
    <!-- / retina -->
    <script src="assets/javascripts/plugins/retina/retina.js" type="text/javascript"></script>
    <!-- / theme file [required] -->
    <script src="assets/javascripts/theme.js" type="text/javascript"></script>
    <!-- / demo file [not required!] -->
    <script src="assets/javascripts/demo.js" type="text/javascript"></script>
    <!-- / START - page related files and scripts [optional] -->
    
    <!-- / END - page related files and scripts [optional] -->
  </body>
</html>
